Welcome to Css!

6.03 元素类型转换1

Img元素不换行,是行内元素

span和a 是行级元素

div是块级元素

任何元素都可以转拖换,元素类型之间可以相互转换;

元素类型转换不会影响元素自身的性质

1、转块级元素display:block;

没有转块级元素,是无法设置样式的

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>css</title>

<style type="text/css">

a{display:block;background:#f2f2f2;}

</style>

</head>

<body>

<a href="#" >我要好好学习</a>

</body>

</html>

返回值:

写成如下:

a{display:block;width:200px;height:80px;background:#f2f2f2;}

span{display:block;width:200px;height:60px;background:blue;}

返回